<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html">
    <head>
        <title>Bienvenido a nuestro sistema</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></meta>
        <link rel="stylesheet" type="text/css" href="GlobalCss.css"></link>  
    </head>
    <h:body>
         <div class ="header">
         <div class ="centrador">   
            
            <div class ="logo1">
                un-Poker
            </div>
            <div class ="logo2">
                un-Poker
            </div>
             
              <div class="usuario">
                <ul class="ul_usuario"> 
                    <a href="perfil.html"><li style="-moz-border-radius-topleft:5px;-moz-border-radius-bottomleft:5px;-webkit-border-top-left-radius:5px;-webkit-border-bottom-left-radius:5px;border-right:1pxsolid#004160;">jdmonsalveh</li></a> 
                    <a href="estadisticas.html"><li style="border-right:1pxsolid#004160;">Estadisticas</li></a> 
                    <a href="logout.php"><li style="-moz-border-radius-topright:5px;-moz-border-radius-bottomright:5px;-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;">Salir</li></a> 
               </ul>
            </div>
           </div>
         <div style="clear:both"></div>
          
        </div> 
        
        <div class ="menu">
          <div class ="centrador">  
            <ul class="navegacion">
                <a href="index.html"><li>Inicio</li></a>
                <a href="topPlayers.html"><li>Top Players</li></a>
                <a href="juego.html"><li>Juego</li></a>
            </ul>
           </div>
          <div style="clear:both"></div>  
        </div>
        
        <style>
            .bloque1{
                float:left;
                width: 390px;
                padding: 10px;
            }    
        .bloque1 span{
           color:#ccc;
          font-size: 18px;
           font-family: Verdana;
           }
           .bloque2{
               float: left;
               width: 316px;
               border-left: 2px dashed #eee;
           }
        .bloque2 span{
            
           color:#ccc;
         font-size: 18px;
           font-family: Verdana;
           }
        .bloque2 span2{
           font-family: cursive;
           } 
           
        .bloque3 span{
            float: left;
          width: 250px;
          border-left: 2px dashed #eee;
           font-family: Verdana;
           padding: 10px;
           } 
        </style>
        
        <div class="cuerpo">
        <div class="bloque1"> 
            <span>Nuestro Proyecto<hr noshade="noshade" size="1" style="float:right; width: 210px; color: #ccc;"></hr></span>
            <p align="justify"><br>
                POKER-UN es una aplicación que simula un juego de póker en el que se permite a múltiples
usuarios registrarse en línea e interactuar con una interfaz gráfica que representa una mesa de
un juego de póker donde otros jugadores remotos también se han registrado. De esta manera
los usuarios de la red que deseen jugar póker lo pueden hacer considerando esta alternativa.
Los usuarios registrados serán almacenados en una base de datos de tal manera que se les
permita ser entidades persistentes que pueden acceder a sus registros de puntajes de juego,
y ver su actividad con otros usuarios.</br></p>
            
            <p align="justify"><br> También se permite la interacción de jugadores registrados de tal manera puedan comunicarse
por medio de un chat con los jugadores con los cuales se desarrolla la partida. En ningún
momento la aplicación simula un jugador, las partidas de póker se llevan a cabo solo por parte
de usuarios registrados que acceden a una partida que se visualiza en un ambiente grafico que
despliega una mesa de póker. La modalidad que maneja POKER-UN es la de holdem en donde
se busca que cada jugador tenga las configuración de cartas con mayor valor para que pueda
ser considerado como el ganador de la partida.
                </br></p>
        </div>
            
        <div class="bloque2"> 
           
             Bienvenido!
            <h:form id="welcome">
            <h:commandButton id="regresar" value="Regresar al Index" action="#{beanIngreso.retornarAlIndex}"/>
            </h:form>     
            <a href="http://www.pokerlistings.com/poker-rules">Acerca del Poker</a>
        </div> 
            
        <div class="bloque3"> 
            <div style="background:#EEF9FF;width:250px;float:left;border:1pxsolid#76B5D7;padding-bottom:10px;">
                <div style="color:#092167;font-size:16px;font-weight:bold;margin:5px010px5px;">
                    un-Poker
                </div>
                <div style="float:left;width:75px;margin:010px05px;">
                    <div style="color:#4177A1;font-size:18px;font-weight:bold;background:#F0F8FF;float:left;border:1pxsolid#568DB9;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;padding:8px27px;">20</div>
                    <div style="background:#005FA8;font-size:11px;font-weight:bold;color:#FDFDFD;padding:3px2px3px3px;float:left;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;">un-Poker</div> 
                </div>
                <div style="float:left;color:#3E83A8;font-size:12px;width:155px;">
                    Visita tu perfil para ver tus estadisticas principales</div>
                
                </div>
            <div style="padding:10px0;float:left;width:250px;"></div>
            <img src="http://profile.ak.fbcdn.net/hprofile-ak-ash3/50313_70590530709_7943_n.jpg"></img>
             </div>
     </div>
         <div style="clear:both"></div> 
    </h:body>
    
     <footer class="centrador">
        <hr noshade="noshade" size="1"  style="float:left; width: 1000px; color: darkseagreen;">
        <span>Acerca de Nosotros:</span></hr>
        <p>
            Somos un grupo de estudiantes de Ingenieria de Sistemas de la Universidad Nacional 
            de Colombia que actualmente estamos cursando la asignatura Ingenieria de software 2
            para la cual estamos desarrollando este proyecto.
        </p>
    </footer>        
</html>
